<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>斯柯达汽车</title>
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<!-- Swiper -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="max-content slide-1">
						<div class="uk-text-center">
							<div class="muban-title">
								聪“明”出众，“锐”不可挡
							</div>
							<div>
								<div class="tm-flex-row-lg">
									<div class="tm-icon">
										<img src="images/logo.png" alt="" width="135" height="20" />
									</div>
								</div>
								<div class="tm-flex-row-lg">
									<span class="tm-lgx-size">聪“明”出众，“锐”不可挡</span>
								</div>
							</div>

							<div class="main-car">
								<div class="tm-icon">
									<img src="images/cat.png" alt="" width="305" height="130" />
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="max-content slide-2">
						<div class="align-center">
							<div class="main-content">
								<div class="car-introduce-card">
									<div class="tm-inline-1-8 tm-df-size">
										聪“明”出众，“锐”不可挡
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="max-content slide-3">
						<div class="align-center">
							<div class="tm-flex-row-lg">
								<div class="tm-flex">
									<div class="tm-atav tm-flex-head">
										<div class="tm-location-parent">
											<div class="tm-location-img" style="background-image: url(images/cat-list-1.png);"></div>
											<img class="redundant-img" src="images/39x32.png" alt="" width="100">
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex tm-flex-v max-content flex-pack-center">
											<div class="tm-flex-row">
												<span class="tm-lgx-size tm-font-bold">不逐流，自潮流</span>
											</div>
											<div class="tm-flex-row">
												<span class="tm-df-size tm-inline-2-0">
														IN FASHION 这里还可添加文字，上下 居中
												</span>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="tm-flex-row-lg">
								<div class="tm-flex">
									<div class="tm-flex-1 tm-flex-head">
										<div class="tm-flex tm-flex-v max-content flex-pack-center">
											<div class="tm-flex-row">
												<span class="tm-lgx-size tm-font-bold">不逐流，自潮流</span>
											</div>
											<div class="tm-flex-row">
												<span class="tm-df-size tm-inline-2-0">
														IN FASHION 这里还可添加文字，上下 居中
												</span>
											</div>
										</div>
									</div>
									<div class="tm-atav">
										<div class="tm-location-parent">
											<div class="tm-location-img" style="background-image: url(images/cat-list-2.png);"></div>
											<img class="redundant-img" src="images/39x32.png" alt="" width="100">
										</div>
									</div>

								</div>
							</div>

							<div class="tm-flex-row-lg">
								<div class="tm-flex">
									<div class="tm-atav tm-flex-head">
										<div class="tm-location-parent">
											<div class="tm-location-img" style="background-image: url(images/cat-list-3.png);"></div>
											<img class="redundant-img" src="images/39x32.png" alt="" width="100">
										</div>
									</div>

									<div class="tm-flex-1">
										<div class="tm-flex tm-flex-v max-content flex-pack-center">
											<div class="tm-flex-row">
												<span class="tm-lgx-size tm-font-bold">不逐流，自潮流</span>
											</div>
											<div class="tm-flex-row">
												<span class="tm-df-size tm-inline-2-0">
														IN FASHION 这里还可添加文字，上下 居中
												</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="max-content slide-4">
						<div class="tm-label-large ">
							<div class="tm-icon">
								<img src="images/logo.png" alt="" width="208" />
							</div>
						</div>
						<div class="tm-icon">
							<img src="images/cats.png" alt="" />
						</div>
						<div class="tm-flex-row-lgm">
							<div class="tm-icon">
								<img src="images/t2_title0.png" alt="" width="116" />
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="max-content slide-5">
						<div class="align-center">
							<div class="cat-contact-info uk-text-center">
								<div class="tm-flex-row-lgm">
									<div class="tm-lgx-size tm-font-bold">
										购车热线<br />400-000-000
									</div>
								</div>
								<div class="tm-flex-row-lgm">
									<div class="tm-icon">
										<img src="images/logo.png" alt="" width="135" />
									</div>
								</div>
								<div class="tm-flex-row-md">
									<div class="tm-lgx-size">
										斯柯达
									</div>
								</div>
								<div class="tm-flex-row-md">
									<div class="tm-icon tm-qr-code">
										<img src="images/qr-code.png" alt="" />
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="max-content slide-6">
						<div class="tm-label-lgm">
							<div class="tm-icon">
								<img src="images/title-img.png" alt="" width="264" />
							</div>
						</div>
						<div class="align-center">
							<div class="tm-input-group">
								<form method="post" id="formid">
									<div class="tm-label-lgm uk-text-left">
										<span class="tm-df-size tm-font-purple">提交信息，以便我们和你联系</span>
									</div>
									
									<div class="tm-input-cell">
										<div class="tm-icon">
											<img src="images/xin.png" alt="" width="5" height="5"/>
										</div>
										<input type="text" placeholder="姓名" name="name" />
									</div>
									
									<div class="tm-input-cell">
										<div class="tm-icon">
											<img src="images/xin.png" alt="" width="5" height="5"/>
										</div>
										<input type="text" placeholder="联系电话" name="phone" />
									</div>
									
									<div class="tm-input-cell">
										<div class="tm-icon">
											<img src="images/xin.png" alt="" width="5" height="5"/>
										</div>
										<select name="cartypeid1">
											<option value="">请选择</option>
											<option value="157">斯柯达</option>
										</select>
									</div>
									<div class="tm-btn-cell">
										<button type="button" class="mui-btn mui-btn-purple mui-btn-block" onclick="sub_form();">提交</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript">
			
		</script>
		<script>
			var swiper = new Swiper('.swiper-container', {
				direction: 'vertical',
				pagination: {
					el: '.swiper-pagination'
				}
			});
		</script>
		<script type="text/javascript">
			function sub_form() {
				var datajson = $("#formid").serialize();
				$.post('http://sijia.test.coco3g.com/v1/client/add', datajson, function(data) {
					if (data.code == 200) {
						alert('提交成功');
					}else{
						alert('提交失败');
					}
				});
			}
		</script>
	</body>
</html>